﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head>
<title>SISTEMA DE INFORMACION MINERA :: SIM - MOBILE - Litologia</title>
  
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href="Extensiones/telerik/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.default.min.css" rel="stylesheet" />
     <link href="Extensiones/telerik/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    <%--<link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />--%>
    <!--    <script src="Extensiones/jquery/jquery-1.11.1.min.js"></script>-->


  <script src="Extensiones/telerik/js/jquery.min.js"></script>
  <script src="Extensiones/telerik/js/kendo.all.min.js"></script>

  <link href="Scripts/SIM/CSS/m.sim.css" rel="stylesheet" type="text/css" />
  <script src="Scripts/SIM/m.litologia.js"></script>
  <script src="Scripts/SIM/m.generales.js"></script> 

  <link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />

</head>
<body>

 <div data-role="view" data-layout="layout" data-show="layoutShow" id="layoutView">
   <div id="exampleo">
        <input type="hidden" id="hidCodigoSondaje" />
        <input type="hidden" id="hidCodigo" />
        <input type="hidden" id="hidHasta" value="0"/>
        <input type="hidden" id="hidPerfil" name="hidPerfil" />
      <div class="demo-section k-header">
          <%--  <div class="head"  > --%>
            <div class="filtrosBusqueda" style="  font-weight:bold;"  id="action-result"></div>
            <div class="filtrosBusqueda" style="  font-weight:bold;" >  Litología >  </div>
             <div class="filtrosBusqueda" style="  font-weight:bold;" >   NOMBRE DDH:  </div>
             <div class="filtrosBusqueda" style="  font-weight:bold;" >
              <%--<input type="text" id="txtSondaje" disabled="disabled" style=" width:100px;"/> --%>
              <label id="txtSondaje" />
             <%-- </div>--%> 
        </div> 
        <div id="grid"></div>
          <div class="footer" style="  height:30px; vertical-align:middle; text-align:center;">
          <div id="resultado"></div>
          <div id="divLogout">
          <button data-click="logout" id="A2" data-icon="action "  type="button" data-role="button">Cerrar Sesion</button>
          <button data-click="home" data-icon="home" id="A1" type="button" data-role="button" >Inicio</button>
          </div>
        </div>
    </div>
  
  </div>
    <ul id="actions">
        <!--<li><a href="#" data-action="add">Registrar</a></li> -->
        <li><a href="#" data-action="muestra">Muestra</a></li>
        <li><a href="#" data-action="estructura">Estructura</a></li>
        <li><a href="#" data-action="sondaje">Sondaje</a></li>

    </ul>

 </div>
   
<div data-role="modalview" id="mvNuevoLitologia"  data-use-native-scrolling="true" style="width: 90%; height:98%;">
    <div data-role="header">
      <%--<div data-role="navbar">--%>
         <div  id="divMVTituloTexto" > 
           Litologia: Registrar 
         </div>
        <div id="divMVTituloBoton">
         <button data-click="grabarNuevoModalView" class="k-button" data-role="button" data-align="right">Grabar</button>
        <button data-click="closeNuevoLitologia"   class="k-button" data-role="button" data-align="right">Cancelar</button>
        </div>
         <%--   </div>   --%>  

    </div>
    <div data-role="listview" data-style="inset">
    <li>

        <%-- Desde:<input type="number" id="txtDesde" value="0" min="0" style=" width:70px;" /> 
        &nbsp;&nbsp;
         Hasta:<input type="number" id="txtHasta" value="0" min="0"  style=" width:70px;"/> --%>

         <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Desde:&nbsp;&nbsp;<input type="number" id="txtDesde" value="0" min="0" style=" width:70px;" /> </td>
        <td style=" width:50%; ">Hasta:&nbsp;&nbsp;<input type="number" id="txtHasta" value="0" min="0"  style=" width:70px;"/></td>
        </tr>
        </table> 



    </li>
 <li>
      <table  style="  width:100%; border:0px; "  >
            <tr>
            <td style=" width:50%;"> Tipo Contacto:   </td>
            <td style=" width:50%; "><input type="text" id="ddlTipoContacto" class="combobox" /> </td>
            </tr>
        </table>
    </li>


    <li>
       <%-- <div class="filtrosBusqueda"><label for="ddlEstado"><div style=" width:40px:">Angulo:</div></label></div> 
        <div  style="display:inline"> <input type="number" id="txtAngulo" value="0" min="0" max="90" style=" width:70px;"/>  </div>
          <div class="filtrosBusqueda"> <label for="txtResponsable"><div style=" width:40px:">Geologo: 
          <label id="txtResponsable"   /> 
        

 
        </div></label></div>--%>


           <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Angulo:&nbsp;&nbsp;<input type="number" id="txtAngulo" value="0" min="0" style=" width:70px;" /> </td>
        <td style=" width:50%;">Geólogo:&nbsp;<label id="txtResponsable" /> </td>
        </tr>
        </table> 

    
    </li>
   


   <%-- <li><label for="txtObservacion">Descripción: <input type="text"   id="txtObservacion">..</input></label></li>--%>
    <li>
    
    <%--
    <label for="kacObservacion">Descripción : <input type="text"   id="kacObservacion" style="width:400px"/></label>
    <td style=" width:50%;"> <textarea style="resize: none; width:100%;" id="kacObservacion" class="k-textbox"></textarea></td>
    
    --%>


    <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Descripción:&nbsp;&nbsp;</td>
        <td style=" width:50%;"><textarea style="resize: none; width:100%; height:40px;" id="kacObservacion" class="k-textbox"></textarea></td>
        </tr>
        </table> 
    
    </li>
    <li><b>ROCA</b></li>
    <li>
   <%-- <label for="ddlTipoRoca">Tipo:  <input type="text" id="ddlTipoRoca"/></label>     
    <label for="ddlTexturaRoca">Textura:<input type="text" id="ddlTexturaRoca"/></label>--%>

    <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Tipo:</td>
        <td style=" width:50%; "><input type="text" id="ddlTipoRoca" class="combobox" /></td>
        </tr>
        </table> 
    </li>

    <li>
    <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Textura:</td>
        <td style=" width:50%; "><input type="text" id="ddlTexturaRoca" class="combobox" /></td>
         </tr>
        </table> 
      </li>
        <li>

        <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;"> Grado Frac.:</td>
            <td style=" width:50%; "><input type="text" id="ddlGradoFracturacion" class="combobox" /></td>
             </tr>
         </table> 

        </li>
   <%-- <label for="ddlGradoFracturacion">Grado Frac.:<input type="text" id="ddlGradoFracturacion" /></label>  
    <label for="ddlColorRoca">Color:<input type="text" id="ddlColorRoca" /></label>
--%>
     <li>
     <table  style="  width:100%; border:0px; "   >
       <tr>
        <td style=" width:50%;"> Color:</td>
        <td style=" width:50%; "><input type="text" id="ddlColorRoca" class="combobox" /></td>
        </tr> 
        </table> 


    </li>

       
   <%-- <label for="ddlGradoFracturacion">Grado Frac.:<input type="text" id="ddlGradoFracturacion" /></label>  
    <label for="ddlColorRoca">Color:<input type="text" id="ddlColorRoca" /></label>
--%>
 


  

       <li><b>Interpretacion Geologica - ALTERACION</b></li>
       <li><input type="text" id="txtInterTipo"  disabled="disabled" /></li>
       <li><input  type="text" id="txtInterGrado"  disabled="disabled" /></li>
       <li class="liGrupoA">


<%--   <input type="text" id="ddlTipoAlteracion"  />&nbsp&nbsp&nbsp
       <input type="text" id="ddlGradoAlteracion" />&nbsp&nbsp
       <a data-click="add_alteracion" id="btnAddAlteracion" type="button" data-role="button">Add</a>--%>
       
        <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;">Tipo Alteración:</td>
            <td style=" width:50%; "><input type="text" id="ddlTipoAlteracion" class="combobox"  /></td>
         </tr>
         </table> 
       </li>
       <li class="liGrupoA">
         <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;">Grado Alteración:</td>
            <td style=" width:50%; "><input type="text" id="ddlGradoAlteracion" class="combobox"  /></td>
         </tr>
       </table> 
      </li>
      <li class="liGrupoA">
      <table  style="  width:100%; border:0px; "   >
           <tr>
           <td style=" width:50%;">Grado Alteración:</td>
            <td  style=" width:50%;">  <button data-click="add_alteracion"   id="btnAddAlteracion" type="button" data-role="button">
            Agregar</button></td>
         </tr>
         </table> 
      </li>
      <li class="liGrupoA"><div id="gridAlteracion"></div></li> 
       
  

    
       <li><b>Interpretacion Geologica - MINERAL</b></li>
       <li><input type="text" id="txtIntMineral"  disabled="disabled"  /></li>
       <li><input  type="text" id="txtIntMineralCant"  disabled="disabled" /></li>
       <li><input  type="text" id="txtIntMineralText"  disabled="disabled" /></li>

    <li class="liGrupoB">

    <%--<input type="text" id="ddlMineral" />&nbsp&nbsp
    <input type="text" id="ddlMineralCantidad" />&nbsp&nbsp
    <input type="text" id="ddlMineralTextura" />&nbsp&nbsp
    <a data-click="add_mineral" id="btnAddMineral" type="button" data-role="button">Add</a>--%>
    
    <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;">Mineral:</td>
            <td style=" width:50%; "><input type="text" id="ddlMineral" class="combobox"  /></td>
         </tr>
         </table> 
    </li>
    <li class="liGrupoB">
    <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;">Mineral Cantidad:</td>
            <td style=" width:50%; "><input type="text" id="ddlMineralCantidad" class="combobox"  /></td>
         </tr>
         </table> 
    
    </li>
    <li class="liGrupoB">
    <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;">Mineral Textura:</td>
            <td style=" width:50%; "><input type="text" id="ddlMineralTextura" class="combobox"  /></td>
         </tr>
         </table> 
    
    </li>
    <li class="liGrupoB">
    <table  style="  width:100%; border:0px; "   >
         <tr>
            <td style=" width:50%;"> </td>
            <td style=" width:50%; "> <button data-click="add_mineral" id="btnAddMineral" type="button" data-role="button">Agregar</button></td>
         </tr>
         </table> 
    
    </li>
    <li class="liGrupoB">
    <div id="gridMineral"></div>
    </li>
    </div>
    <div style=" text-align:center;">
    <a data-click="grabarNuevoModalView" class="k-button" id="modalview-login-button" data-role="button" data-align="right">Grabar</a>
    <a data-click="closeNuevoLitologia"class="k-button" data-role="button" data-align="right">Cancelar</a>
    </div>
   
<%--    <a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>--%>
</div>

<div data-role="modalview" id="mvEditarLitologia" style="width: 90%; height:98%">
<div data-role="header">
        <%--<div data-role="navbar">--%>
          <div  id="divMVTituloTexto" > 
           Litologia: Actualizar 
         </div>
             <div id="divMVTituloBoton">
           <button data-click="grabarEditModalView" class="k-button"  data-role="button" data-align="right">Grabar</button>
            <button data-click="closeEditarLitologia"  class="k-button" data-role="button" data-align="right">Cancelar</button>
            </div>
       <%-- </div>--%>
         
    </div>
    <div data-role="listview" data-style="inset">
    <li>
    <%--<label for="txtDesdeEdit">Desde:<input type="number" id="txtDesdeEdit" value="0" min="0"/></label>&nbsp;&nbsp;
    <label for="txtHastaEdit">Hasta:<input type="number" id="txtHastaEdit" value="0" min="0"/></label>
--%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Desde: &nbsp;<input type="number" id="txtDesdeEdit" value="0" min="0" style=" width:70px !important;"/>   </td>
        <td style=" width:50%; "> Hasta: &nbsp;<input type="number" id="txtHastaEdit" value="0" min="0" style=" width:70px;"/> </td>
        </tr>
        </table>
    
    
    </li>

  <li>
      <table  style="  width:100%; border:0px; "  >
            <tr>
            <td style=" width:50%;"> Tipo Contacto:   </td>
            <td style=" width:50%; "><input type="text" id="ddlTipoContactoEdit" class="combobox" /> </td>
            </tr>
        </table>
    </li>
    <li>
  <%-- <label for="txtAnguloEdit">Angulo: <input type="number" id="txtAnguloEdit" value="0" min="0" max="90"/></label>&nbsp;&nbsp;
   <label for="txtResponsableEdit">Geologo: <input type="text" id="txtResponsableEdit" disabled="disabled" /></label>--%>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Angulo: &nbsp;<input type="number" id="txtAnguloEdit" value="0" min="0" style=" width:70px;"/>   </td>
        <td style=" width:50%; "> Geólogo:&nbsp;<label id="txtResponsableEdit"      /> 
                   
          </td>
        </tr>
        </table>

    
    </li>

   



    <li>
    
    <%--<label for="kacObservacionEdit">Descripción: <input type="text"   id="kacObservacionEdit" style="width:400px"/></label>
    <input type="text"   id="kacObservacionEdit" style="width:95%;"/>
    --%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Descripción:   </td>
        <td style=" width:50%; ">  <textarea style="resize: none; width:100%; height:40px;" id="kacObservacionEdit" class="k-textbox"></textarea></td>
        </tr>
        </table>
    </li>

    <li><b>ROCA</b></li>
    <li>
    <%--<label for="ddlTipoRocaEdit">Tipo:&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;    &nbsp;&nbsp;      
    <input type="text" id="ddlTipoRocaEdit"/></label>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;    
    <label for="ddlTexturaRocaEdit">Textura:<input type="text" id="ddlTexturaRocaEdit"/></label>--%>

      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Tipo:&nbsp;</td>
        <td style=" width:50%; "> <input type="text" id="ddlTipoRocaEdit" class="combobox"/></td>
        </tr>
        </table>

    </li>
    <li>
    <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Textura:&nbsp;</td>
        <td style=" width:50%; "> <input type="text" id="ddlTexturaRocaEdit" class="combobox"/></td>
        </tr>
        </table>
    
    </li>
    <li>
<%--    <label for="ddlGradoFracturacionEdit">Grado Frac.:<input type="text" id="ddlGradoFracturacionEdit" /></label>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;    
    <label for="ddlColorRocaEdit">Color:<input type="text" id="ddlColorRocaEdit" /></label>--%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Grado Frac.:&nbsp;</td>
        <td style=" width:50%; "> <input type="text" id="ddlGradoFracturacionEdit" class="combobox"/></td>
        </tr>
        </table>
    </li>
    <li>
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">Color:&nbsp;</td>
        <td style=" width:50%; "> <input type="text" id="ddlColorRocaEdit" class="combobox"/></td>
        </tr>
        </table>
    </li>
       <li><b>Interpretacion Geologica - ALTERACION</b></li>
       <li><input type="text" id="txtInterTipoEdit"  disabled="disabled" /></li>
       <li><input  type="text" id="txtInterGradoEdit"  disabled="disabled" /></li>
       <li  class="liGrupoA">
        <%--<input type="text" id="ddlTipoAlteracionEdit"  />&nbsp&nbsp&nbsp
        <input type="text" id="ddlGradoAlteracionEdit" />&nbsp&nbsp
        <a data-click="add_alteracionEdit" id="btnAddAlteracionEdit" type="button" data-role="button">Add</a>--%>
          <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Tipo Alteracion   </td>
        <td style=" width:50%; "> <input type="text" id="ddlTipoAlteracionEdit" class="combobox"  /> </td>
        </tr>
        </table>
        </li>
        <li  class="liGrupoA">
          <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Grado Alteracion   </td>
        <td style=" width:50%; "> <input type="text" id="ddlGradoAlteracionEdit" class="combobox"  /> </td>
        </tr>
        </table>
        </li>
        <li  class="liGrupoA">
        <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">    </td>
        <td style=" width:50%; "><button data-click="add_alteracionEdit" id="btnAddAlteracionEdit" type="button" data-role="button">Agregar</button></td>
        </tr>
        </table>
        </li>
        <li  class="liGrupoA"><div id="gridAlteracionEdit"></div></li> 
       
  

    
       <li><b>Interpretacion Geologica - MINERAL</b></li>
       <li><input type="text" id="txtIntMineralEdit"  disabled="disabled"  /></li>
       <li><input  type="text" id="txtIntMineralCantEdit"  disabled="disabled" /></li>
       <li><input  type="text" id="txtIntMineralTextEdit"  disabled="disabled" /></li>

    <li  class="liGrupoB">
  <%--  <input type="text" id="ddlMineralEdit" />&nbsp&nbsp
    <input type="text" id="ddlMineralCantidadEdit" />&nbsp&nbsp
    <input type="text" id="ddlMineralTexturaEdit" />&nbsp&nbsp
    <a data-click="add_mineralEdit" id="btnAddMineralEdit" type="button" data-role="button">Add</a>--%>
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Mineral:   </td>
        <td style=" width:50%; "><input type="text" id="ddlMineralEdit" class="combobox"/>  </td>
        </tr>
        </table>

    </li>
    <li  class="liGrupoB">
     <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Mineral Cantidad:   </td>
        <td style=" width:50%; "><input type="text" id="ddlMineralCantidadEdit" class="combobox" />  </td>
        </tr>
        </table>

    </li>
    <li  class="liGrupoB">
         <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;"> Textura:   </td>
        <td style=" width:50%; "><input type="text" id="ddlMineralTexturaEdit" class="combobox" />  </td>
        </tr>
        </table>
    </li>
    <li  class="liGrupoB">
      <table  style="  width:100%; border:0px; "  >
        <tr>
        <td style=" width:50%;">    </td>
        <td style=" width:50%; "><button data-click="add_mineralEdit" id="btnAddMineralEdit" type="button" data-role="button">Agregar</button>  </td>
        </tr>
        </table>
    </li>
    <li  class="liGrupoB">
    <div id="gridMineralEdit"></div>
    </li>
    </div>
    
    <div style=" text-align:center;">
<%--    <a data-click="grabarEditModalView" id="grabarEditModalView" data-role="button"  data-role="button">Grabar</a>
    <a data-click="closeEditarLitologia" data-role="button" data-align="right">Cancelar</a>--%>

    <button data-click="grabarEditModalView" class="k-button"  data-role="button" data-align="right">Grabar</button>&nbsp;&nbsp;
    <button data-click="closeEditarLitologia"  class="k-button" data-role="button" data-align="right">Cancelar</button>&nbsp;

    </div>


    
    
</div>
 
</body>
</html>

